<template>
    <div>
      <textarea v-model="markdown"></textarea>
      <div v-html="convertedMarkdown"></div>
    </div>
  </template>
  
  <script>
  import Showdown from 'showdown';
  
  export default {
    data() {
      return {
        markdown: '',
      };
    },
    computed: {
      convertedMarkdown() {
        const converter = new Showdown.Converter();
        return converter.makeHtml(this.markdown);
      },
    },
  };
  </script>
  
  